<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>中科碳和</title>
    <meta name="keywords" th:content="${SITE_CONFIG.SITE_KWD}">
    <meta name="description" th:content="${SITE_CONFIG.SITE_DESC}">

    <link rel="stylesheet" th:href="@{/cweb/css/customer-20211209.css}"/>
    <link rel="stylesheet" th:href="@{/cweb/css/news/lessTools.css}"/>
    <link rel="stylesheet" th:href="@{/cweb/css/news/news.css}"/>
</head>
<body>

<div class="header">
    <div th:replace="home/cfragments/navbar :: cnavbar"></div>
</div>
<!--子分类-->
<div class="sub-nav">
    <div class="content">
        <a th:each="tag:${bizTags}" th:class="${tag.id==tagId ? 'th-bg' : ''}" href="" th:text="${tag.name}"
           th:href="@{${('/blog/category/' + categoryId + '/' + tag.id )}}"></a>
    </div>
</div>


<div class="news-center">
    <div class="content-box buttonclick">
        <div th:each="article:${articleList}" class="item wow fadeInUp" data-type="newsList"
             style="visibility: visible; animation-name: fadeInUp; animation-delay: 50ms;">
            <a th:href="@{${('/blog/article/' + article.id)}}">
                <div class="img"
                     th:style="'background: url('+${article.coverImage}+') center / cover;'"></div>
                <div class="info">
                    <p th:text="${article.title}"></p>
                    <div class="bottom">
                        <p class="tag fl" th:text="${article.tags[0].name}"></p>
                        <div class="date fr" th:text="${#dates.format(article.updateTime, 'yyyy-MM-dd')}"></div>
                    </div>
                </div>
            </a>
        </div>
    </div>
</div>

<!--封装分页组件-->
<div class="page">
    <div class="content">
        <a th:href="@{${pageUrl + '/' + (page.current - 1)}}" th:if="${page.current != 1 && page.pages != 0}">&lt;</a>
        <a href="javascript:void(0);" th:if="${page.current == 1 || page.pages == 0}">&lt;</a>

        <a th:each="item:${items}" th:class="${page.current==item ? 'th-bg' : ''}" th:href="@{${pageUrl + '/' + item}}"
           th:text="${item}"></a>

        <a th:href="@{${pageUrl + '/' + (page.current + 1)}}" th:if="${page.current != page.pages && page.pages != 0}">&gt;</a>
        <a href="javascript:void(0);" th:if="${page.current == page.pages || page.pages == 0}">&gt;</a>
    </div>
</div>
<div class="footer">
    <div th:replace="home/cfragments/footer :: cfooter"></div>
</div>
<script>

</script>
</body>
</html>
